.logo {
  width: 160px;
  display: flex;
  align-items: center;
  justify-content: center;

  .lottie-player {
    height: 55px;
    width: 130px;
  }

  span {
    font-size: 17px;
    position: absolute;
    top: 15px;
    left: 20px;
    background: -webkit-linear-gradient(left,#fff,#000 25%,#fff 50%,#000 75%,#fff);
    background-size:200% 100%;
    -webkit-background-clip: text;
    color: transparent;
    animation: animation 1s infinite linear;
  }

  @keyframes animation {
    0% {
      background-position:0 0;
    }
    100% {
      background-position:-100% 0;
    }
  }
}

.box-container {
  .layer {
    width: calc(100% - 330px);
  }

  @media (max-width: 1200px) {
    .layer {
     width: 100%;
    }
 }

}


.card-box {
  gap: 15px;
  grid-template-columns: repeat(5, 1fr);

  .el-image {
    height: 200px;
  }
}

@media (min-width: 992px) and (max-width: 1400px) {
  .card-box {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .card-box {
    grid-template-columns: repeat(3, 1fr);
  }
}


@media (max-width: 768px) {
  .card-box {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px !important;

    .el-image {
      height: 170px;
    }
  }
}

// .el-image__placeholder {
//   background: no-repeat top/cover url("@/assets/min-loading.gif") !important;
// }
.el-input-number--mini {
  width: 100px;
}
.el-divider__text {
  padding: 0 5px !important;
}
.el-image {
  display: flex;
  width: 100%;
  height: 100%;
}
.el-divider--horizontal {
  margin: 10px 0 !important;
  height: 0.8px !important;
}
.el-popup-parent--hidden {
  padding: 0 !important
}

.si-bold {
  font-weight: bold;
}
.is-text {
  display: inline-block;
}
.mt {
  margin-top: 10px;
}
.mr {
  margin-right: 10px;
}
.ml {
  margin-left: 10px;
}
.mb {
  margin-bottom: 10px;
}
.is-color-red {
  color: red;
}
.size-12 {
  font-size: 12px;
}
.is-price {
  color: red;
  font-size: 18px;
}
.is-price::before {
  content: "￥";
}
.is-gray {
  color: #f7f7f7;
}




